
<script src="web/assets/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
<!-- END PAGE LEVEL PLUGINS   --> 	
<script src="web/assets/js/form_validations.js" type="text/javascript"></script>



<script src="web/assets/plugins/bootstrap-select2/select2.min.js" type="text/javascript"></script>
<script src="web/assets/plugins/jquery-datatable/js/jquery.dataTables.min.js" type="text/javascript" ></script>

<!--<script src="web/assets/plugins/jquery-datatable/extra/js/TableTools.min.js" type="text/javascript" ></script>-->



<script src="web/assets/js/table_configuracion.js" type="text/javascript"></script>


<?php
include "./fuentes/db/Conexion.php";
$queryClasificaciones = "Select * from clasificaciones ";
$clasificaciones = consultar($queryClasificaciones);
?>

<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->

<div class="clearfix"></div>
<div class="content">  


    <!-- Modal -->
    <div class="modal fade" id="myModalPersonaADD" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <br>
                    <i class="icon-credit-card icon-7x"></i>
                    <h4 id="myModalLabel" class="semi-bold">Personas.</h4>
                    <p class="no-margin"></p>
                    <br>
                </div>

                <div class="modal-body">
                    <form  action="./fuentes/controller/PersonaAdmin.php" id="formPersona" name="formPersona" autocomplete="off" > 
                        <input type="hidden" name="id"  id="id" class="form-control" value="0">
                        <div class="row form-row">
                            <div class="col-md-8">
                                <div class="input-with-icon  right">                                       
                                    <i class=""></i>
                                    <label class="form-label">Nombre y Apellido</label>
                                    <input type="text" name="apenom"  id="apenom" class="form-control" placeholder="Ingrese el nombre y apellido"
                                           style='text-transform:uppercase' onkeyup='javascript:this.value = this.value.toUpperCase();'
                                           >
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="input-with-icon  right">                                       
                                    <i class=""></i>
                                    <label class="form-label">Clasificación</label>
                                    <select class="form-control" id="clasificacion_id" name="clasificacion_id">
                                        <?php
                                        foreach ($clasificaciones as $datoC) {
                                            echo " <option class='select2-results' value='" . $datoC["id"] . "'>" . $datoC["nombre"] . "</option>";
                                        }
                                        ?>
                                    </select>

                                </div>
                            </div>

                        </div>
                        <div class="row form-row">
                            <div class="col-md-6">
                                <div class="input-with-icon  right">                                       
                                    <i class=""></i>
                                    <label class="form-label">Fecha Nacimiento</label>
                                    <input type="text" class="form-control" name="fecha_nacimiento" id="fecha_nacimiento"  placeholder="Ingrese la fecha de nacimiento">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="input-with-icon  right">                                       
                                    <i class=""></i>
                                    <label class="form-label">Documento</label>
                                    <input type="text" class="form-control" name="documento" id="documento"  placeholder="Ingrese el nro documento">
                                </div>
                            </div>
                        </div>
                        <div class="row form-row">
                            <div class="col-md-12">
                                <label class="form-label">Dirección</label>
                                <input type="text" class="form-control" id="direccion" name="direccion" placeholder="Ingrese la dirección" 
                                       style='text-transform:uppercase' onkeyup='javascript:this.value = this.value.toUpperCase();'
                                       >
                            </div>
                        </div>
                        <div class="row form-row">
                            <div class="col-md-5">
                                <div class="input-with-icon  right">                                       
                                    <i class=""></i>
                                    <label class="form-label">Teléfono</label>
                                    <input type="text" class="form-control" id="telefono" name="telefono" placeholder="Ingrese el nro de teléfono">
                                </div>

                            </div>
                            <div class="col-md-3">
                                <label class="form-label">Activo</label>
                                <div class="radio radio-success">
                                    <input id="yes" type="radio" name="activo" value="1">
                                    <label for="yes">Si</label>
                                    <input id="no" type="radio" name="activo" value="0" checked="checked">
                                    <label for="no">no</label>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label">Acceso al Sistema</label>
                                <div class="radio radio-success">
                                    <input id="yesA" type="radio" name="ingreso_sistema" value="1" checked="checked">
                                    <label for="yesA">Si</label>
                                    <input id="noA" type="radio" name="ingreso_sistema" value="0" >
                                    <label for="noA">no</label>
                                </div>
                            </div>

                        </div>
                        <div class="row form-row">
                            <div class="col-md-6">
                                <div class="input-with-icon  right">                                       
                                    <i class=""></i>
                                    <label class="form-label">Email</label>
                                    <input type="text" class="form-control" id="email" name="email" placeholder="Ingrese correo electrónico">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="input-with-icon  right">                                       
                                    <i class=""></i>
                                    <label class="form-label">Twitter</label>
                                    <input type="text" class="form-control" id="twitter" name="twitter" placeholder="Ingrese la dirección de twitter">
                                </div>
                            </div>

                        </div>


                        <div class="row form-row">
                            <div class="col-md-6">
                                <div class="input-with-icon  right">                                       
                                    <i class=""></i>
                                    <label class="form-label">Usuario</label>
                                    <input type="text" class="form-control" id="usuario" name="usuario"  placeholder="Ingrese el usuario">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="input-with-icon  right">                                       
                                    <i class=""></i>
                                    <label class="form-label">Contraseña</label>
                                    <input type="text" class="form-control" id="clave" name="clave"   placeholder="Ingrese la contraseña">
                                </div>
                            </div>

                        </div>

                        <div class="row form-row">
                            <div class="col-md-12 center-text" >
                                <div id="mensaje_form"></div>   
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" onclick="clearForm();" data-dismiss="modal">Cancelar</button>
                            <button type="submit" id="submit_persona" class="btn btn-success btn-cons">Guardar</button>
                            <img id="loading" src="web/assets/img/ajax_load.gif" alt="loading" style="visibility: hidden; "/>
                        </div>
                    </form>    
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>
        <!-- /.modal -->
    </div>

    <div class="row" id="movimiento">
        <div class="col-md-12">
            <div class="grid simple ">
                <div class="grid-title no-border">
                    <h4>Lista de  <span class="semi-bold">Personas</span>

                    </h4>
                    <button style="float: right;" class="btn btn-success btn-xs " id="agregar" data-toggle="modal"  data-target="#myModalPersonaADD"> Agregar</button>
                    <div class="labelRight" id="error">	

                    </div>
                </div>
                <div class="grid-body no-border">

                    <table class="table table-hover no-more-tables table-condensed  " id="personaTABLE">
                        <thead>
                            <tr>
                                <th style="width:4%">Documento</th>
                                <th style="width:15%">Nombre </th>
                                <th class='text-center' style="width:3%">Teléfono</th>
                                <th class='text-center' style="width:3%">Activo</th>
                                <th class='text-center' style="width:5%">Accion</th>
                            </tr>
                        </thead>
                        <tbody id="personaList">

                            <?php
                            $query = "Select * from personas ";
                            $personas = consultar($query);
                            if ($personas) {
                                foreach ($personas as $dato) {
                                    echo "<tr >";
                                    echo "<td>";
                                    echo $dato["documento"];
                                    echo "</td>";

                                    echo "<td>";
                                    echo $dato["apenom"];
                                    echo "</td>";

                                    echo "<td>";
                                    echo $dato["telefono"];
                                    echo "</td>";

                                    echo "<td class='text-center'>";
                                    if ($dato["activo"] == 0) {
                                        echo "<span class='label label-warning'>NO</span>";
                                    } else {
                                        echo "<span class='label label-success'>SI</span>";
                                    }
                                    echo "</td>";


                                    echo "<td>";
                                    echo "<button class='btn btn-success btn-xs btn-mini' onclick='editDatos(" . $dato["id"] . ")' title='Editar' ><i class='fa fa-pencil'></i></button>";
                                    echo "&nbsp;&nbsp; ";
                                    echo "<button class='btn btn-success btn-xs btn-mini' onclick='eliminarDato(" . $dato["id"] . ")' title='Eliminar' ><i class='fa fa-times'></i></button>";
                                    echo "&nbsp;&nbsp; ";
                                    echo "<button class='btn btn-success btn-xs btn-mini' onclick='movimiento(" . $dato["id"] . ")' title='Movimiento' ><i class='fa fa-random'></i></button>";

                                    echo "</td>";
                                    echo " </tr>";
                                }
                            } else {
                                echo "                      
                               <tr class='status-pending'>
                                 <td></td>
                                <td>NO EXISTEN REGISTROS</td>
                                <td></td>
                                <td></td>
                                <td></td>
                             
                              </tr>";
                            }
                            ?>



                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>



    <!-- END PAGE --> 


</div>



<script type='text/javascript'>

                                               $("#agregar").click(function() {
                                                   clearForm();
                                               });
                                               function clearForm() {
                                                   $("#formPersona")[0].reset();
                                                   $("#id").val(0);
                                                   $("#apenom").val("");
                                                   $("#documento").val("");
                                                   $("#direccion").val("");
                                                   $("#telefono").val("");
                                                   $("#email").val("");
                                                   $("#twitter").val("");
                                                   $("#usuario").val("");
                                                   $("#clave").val("");
                                               }

                                               function eliminarDato(id) {
                                                   //usaremos un cuadro de confirmacion 
                                                   var eliminar = confirm("De verdad desea eliminar este dato?");
                                                   if (eliminar) {

                                                       $.ajax({
                                                           type: 'POST',
                                                           url: './fuentes/controller/PersonaAdmin.php',
                                                           data: 'accion=delete&id=' + id,
                                                           // Mostramos un mensaje con la respuesta de PHP
                                                           success: function(data) {
                                                               $('#personaList').html(data);
                                                               $("#formPersona")[0].reset();
                                                               $('#myModalPersonaADD').modal('hide');
                                                           },
                                                           error: function(data) {
                                                               $("#error");
                                                           }
                                                       });
                                                   }
                                               }

                                               function editDatos(id) {
                                                   $.ajax({
                                                       type: 'POST',
                                                       url: './web/view/personaAdmin/PersonaEditView.php',
                                                       data: 'edit=1&id=' + id,
                                                       // Mostramos un mensaje con la respuesta de PHP
                                                       success: function(data) {
                                                           $("#formPersona")[0].reset();
                                                           $('#formPersona').html(data);
                                                           $('#myModalPersonaADD').modal('show');
                                                       },
                                                       error: function(data) {
                                                           $("#error");
                                                       }
                                                   });

                                               }

                                               function movimiento(id) {
                                                   $.ajax({
                                                       type: 'POST',
                                                       url: './web/view/movimiento/TimeLineMovimientoByUser.php',
                                                       data: 'id=' + id,
                                                       // Mostramos un mensaje con la respuesta de PHP
                                                       success: function(data) {

                                                           $('#movimiento').html(data);

                                                       },
                                                       error: function(data) {
                                                           $("#error");
                                                       }
                                                   });

                                               }



</script>
